<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/layui.css">
		<script type="text/javascript" src="layui.js"></script>
	</head>
	<body>
		<div class="layui-tab layui-tab-brief" lay-filter="selectTab">
			<ul class="layui-tab-title">
				<li class="layui-this">网站设置</li>
				<li>用户管理</li> 
				<li>权限分配</li> 
				<li>商品管理</li> 
				<li>订单管理</li> 
		    </ul> 
		    <div class="layui-tab-content">
				<div class="layui-tab-item layui-show">网站设置11</div>
				<div class="layui-tab-item">用户管理22</div>
				<div class="layui-tab-item">权限分配33</div>
				<div class="layui-tab-item">商品管理44</div>
				<div class="layui-tab-item">订单管理55</div>
			</div>
		</div>
		
		<i class="layui-icon">&#xe642;</i>
		<i class="layui-icon">&#xe640;</i>
		
		<i class="layui-icon layui-icon-addition"></i>
		
		<div class="layui-btn-group">
			 <button type="button" class="layui-btn layui-btn-sm">
				 <i class="layui-icon">&#xe654;</i>增加</button>
		     <button type="button" class="layui-btn layui-btn-sm"> 
				 <i class="layui-icon">&#xe642;</i>编辑</button>
			 <button type="button" class="layui-btn layui-btn-sm">
				 <i class="layui-icon">&#xe640;</i>删除</button>
			<button type="button" class="layui-btn layui-btn-sm">
				 <i class="layui-icon">&#xe68e;</i>主页</button>
		    <button type="button" class="layui-btn layui-btn-sm">
				 <i class="layui-icon">&#xe676;</i>QQ</button>
			 <button type="button" class="layui-btn layui-btn-sm"> 
			     <i class="layui-icon">&#xe602;</i>   </button> 
		</div>
		<br />
		<button class="layui-btn layui-btn-normal layui-btn-lg">添加</button>
		<button class="layui-btn layui-btn-disabled layui-btn-sm">禁用</button>
		<button class="layui-btn layui-btn-danger layui-btn-xs">警告</button>
		<a href="" class="layui-btn layui-btn-fluid  layui-btn-radius">
			<i class="layui-icon layui-icon-share"></i>跳转</a>
		
		<div class="layui-tab layui-bg-#f0f0f0">
			<ul class="layui-tab-title">
				<li class="layui-this layui-bg-red">1</li>
				<li class="layui-bg-green">2</li>
				<li class="layui-bg-cyan">3</li>
			</ul>
			<div class="layui-tab-content layui-bg-blue">
				<div class="layui-tab-item layui-show">11</div>
				<div class="layui-tab-item">22</div>
				<div class="layui-tab-item">33</div>
			</div>
		</div>
		
		<script>
			layui.use(['layer','element'],function(){
				var layer = layui.layer,
				element = layui.element;
				element.on('tab(selectTab)',function(data){
				layer.msg("你切换到了"+this.innerHTML+"窗口");
				});
			});
		</script>
	</body>
</html>
